<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<script type="text/javascript" src="./js/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="./js/extend.js"></script>
	<link rel="stylesheet" href="./css/inc.css" />
	<title>表格</title>
</head>
<body>
	
	<div class="w800 auto">
		<div class="Menu">
			<a href="index.html"><i class="icon-home gray mr5"></i>首页</a>
			<a href="layer.html"><i class="icon-th gray mr5"></i>布局</a>
			<a href="table.html"><i class="icon-table gray mr5"></i>表格</a>
			<a href="form.html"><i class="icon-building gray mr5"></i>表单</a>
			<a href="button.html"><i class="icon-coffee gray mr5"></i>色彩</a>
			<a href="ico.html"><i class="icon-leaf gray mr5"></i>图标</a>
			<a href="js.html"><i class="icon-legal gray mr5"></i>js插件</a>
		</div>
	</div>
	<div class="container w800 auto mt10 of">
		<div class="row ">
			<div class="span6 bdc">
				<table class="table bgwhite-1">
					<tr class="th">
						<th colspan="3">table bgwhite-1</th>	
					</tr>
					<tr>
						<td>list1</td>
						<td>list2</td>
						<td>list3</td>
					</tr>
					<tr>
						<td>list1</td>
						<td>list2</td>
						<td>list3</td>
					</tr>
					<tr>
						<td>list1</td>
						<td>list2</td>
						<td>list3</td>
					</tr>
				</table>	
			</div>
			<div class="span6 bdc">
				<table class="table">
					<tr>
						<th colspan="3">table</th>	
					</tr>
					<tr>
						<td>list1</td>
						<td>list2</td>
						<td>list3</td>
					</tr>
					<tr>
						<td>list1</td>
						<td>list2</td>
						<td>list3</td>
					</tr>
					<tr>
						<td>list1</td>
						<td>list2</td>
						<td>list3</td>
					</tr>
				</table>		
			</div>
		</div>
		<div class="row mt10">
			<div class="span6 bdc">
				<table class="table gray">
						<tr>
							<th colspan="3">table gray</th>	
						</tr>
						<tr>
							<td class="stitle">stitle</td>
							<td>list2</td>
							<td>list3</td>
						</tr>
						<tr>
							<td class="stitle">stitle</td>
							<td>bgwhite</td>
							<td>bgwhite</td>
						</tr>
						<tr>
							<td class="stitle">stitle</td>
							<td>list2</td>
							<td>list3</td>
						</tr>
					</table>	
			</div>
			<div class="span6 bdc">
				<table class="table border gray">
					<tr>
						<th>table</th>
						<th>border gray</th>
						<th>th</th>
					</tr>
					<tr>
						<td>list1</td>
						<td>list2</td>
						<td>list3</td>
					</tr>
					<tr>
						<td>list1</td>
						<td>list2</td>
						<td>list3</td>
					</tr>
					<tr>
						<td>list1</td>
						<td>list2</td>
						<td>list3</td>
					</tr>
				</table>		
			</div>
		</div>








		<div class="row mt10">
			<div class="span6 bdc">
				<table class="table gray">
						<tr>
							<th colspan="3">table gray</th>	
						</tr>
						<tr class="bgorange5">
							<td class="stitle">bgorange5</td>
							<td>list2</td>
							<td>list3</td>
						</tr>
						<tr class="bgyellow5">
							<td class="stitle">bgyellow5</td>
							<td>list2</td>
							<td>list3</td>
						</tr>
						<tr class="bgblue5">
							<td class="stitle">bgblue5</td>
							<td>list2</td>
							<td>list3</td>
						</tr>
						<tr class="bggreen5">
							<td class="stitle">bggreen5</td>
							<td>list2</td>
							<td>list3</td>
						</tr>
						<tr class="bgmaroon5">
							<td class="stitle">bgmaroon5</td>
							<td>list2</td>
							<td>list3</td>
						</tr>
					</table>	
			</div>
			<div class="span6 bdc">
				<table class="table gray odd">
					<tr>
						<th>table</th>
						<th>border gray</th>
						<th>odd|even</th>
					</tr>
					<tr>
						<td>list1</td>
						<td>list2</td>
						<td>list3</td>
					</tr>
					<tr>
						<td>list1</td>
						<td>list2</td>
						<td>list3</td>
					</tr>
					<tr>
						<td>list1</td>
						<td>list2</td>
						<td>list3</td>
					</tr>
					<tr>
						<td>list1</td>
						<td>list2</td>
						<td>list3</td>
					</tr>
					<tr>
						<td>list1</td>
						<td>list2</td>
						<td>list3</td>
					</tr>
				</table>		
			</div>
		</div>
	</div>









<div class="Fixed cp abs w30 bggray white p5 tc f12 fm fixed b10 r10 dn"><i class="icon-arrow-up icon-large mr10 f22"></i> 顶部</div>
</body>
</html>